@charset "utf-8";
.xans-project-package .title { margin:0 0 15px; padding:0 0 5px; border-bottom:1px solid #dfdfe1; }
.xans-project-package .title h2 { font-size:14px; color:#6997da; }
.xans-project-package .banner { margin:0 0 20px; }

.xans-project-package .menuCategory { overflow:hidden; padding:4px 0 38px; }
.xans-project-package .menuCategory:after { content:""; display:block; clear:both; }
.xans-project-package .menuCategory li { float:left; width:110px; margin:0 0 20px -1px; padding:0 8px; font-weight:bold; text-align:center;  background:url("http://img.echosting.cafe24.com/design/skin/default_cn/product/bg_project_category.gif") no-repeat 0 2px;}
.xans-project-package .menuCategory li a { color:#272727; }
.xans-project-package .menuCategory li a:hover { color:#3f8ae7; text-decoration:none; }

.xans-project-list h3 { padding:0 0 16px; font-size:12px; color:#272823; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/layout/bg_title.gif") 0 3px repeat-x; }
.xans-project-list h3 span { padding:0 7px 0 10px; background:#fff url("http://img.echosting.cafe24.com/design/skin/default_cn/common/ico_title.gif") 0 0 no-repeat; }
.xans-project-list img { vertical-align:middle; }
.xans-project-list ul.prdList { display:table; width:100%; min-width:756px; font-size:0; line-height:0; }
.xans-project-list ul.prdList li.item { display:inline-block; *display:inline; *zoom:1; margin:20px 0 40px 0; color:#838383; vertical-align:top; }
.xans-project-list ul.prdList li.item div.box { margin:0 auto; font-size:11px; line-height:1.8em; }
.xans-project-list span.grid { display:block; }

.xans-project-list ul.prdList .name { position:relative; padding:10px 12px 0 0; }
.xans-project-list ul.prdList .name a { color:#838383; }
.xans-project-list ul.prdList .name .zoom {  position:absolute; width:12px; top:10px; right:0; }
.xans-project-list ul.prdList .button { overflow:hidden; zoom:1; }
.xans-project-list ul.prdList .button img { cursor:pointer; margin:0 4px 0 0; }
.xans-project-list ul.prdList .button .bag { float:left; padding:7px 10px 0 0; }
.xans-project-list ul.prdList .button .option { float:left; padding:7px 0 0; }

/* 진열방식 */
.xans-project-list ul.column3 { margin:-20px -11px 0; }
.xans-project-list ul.column3 li.item { width:33.33%; }
.xans-project-list ul.column3 li.item .box { width:240px; }
.xans-project-list ul.column3 li.item .thumb { width:240px; height:240px; }
.xans-project-list ul.column4 { margin:-20px -8px 0; }
.xans-project-list ul.column4 li.item { width:25%; }
.xans-project-list ul.column4 li.item .box { width:180px; }
.xans-project-list ul.column4 li.item .thumb { width:180px; height:180px; }
.xans-project-list ul.column5 { margin:-20px -9px 0; }
.xans-project-list ul.column5 li.item { width:20%; }
.xans-project-list ul.column5 li.item .box { width:140px; }
.xans-project-list ul.column5 li.item .thumb { width:140px; height:140px; }